<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>***用户注册</title>

    <link rel="stylesheet" href="../static/css/base/base.css">
    <link rel="stylesheet" href="../static/plugins/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../static/css/iview.css">
    <link rel="stylesheet" href="../static/login/login.css">
    <link rel="stylesheet" href="../static/css/base/register.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script>
    <script src="../static/js/vue.min.js"></script>
    <script src="../static/js/iview.min.js"></script>


</head>

<body>

    <div class="container" id="app">
        <div id="headwrap" class="clearfix">


            <div class="head-left">

                <div class="head-right-item" style="overflow: hidden">
                    <img class="loginimg" src="../static/images/main/LOGO.svg" />
                </div>

                <div class="head-right-item head-title fc333">江苏梦兰神彩权限管理系统</div>
                <div class="head-right-item head-subtitle fc666">用户注册</div>

            </div>
            <div class="head-right">

                <div class="head-right-item">
                    <i class="fa fa-question-circle-o" style="font-size:18px;">&nbsp;</i>帮助
                </div>

                <div class="head-right-item">
                    <i class="fa fa-cloud-download">&nbsp;</i>下载
                    <i class="fa fa-angle-down"></i>

                    <div class="dropdown">
                        <!--<div class="triangle_border_up">-->
                        <!--<span></span>-->
                        <!--</div>-->
                        <div class="fa fa-angle-up">
                            <span></span>
                        </div>

                        <div class="dropdown-content">
                            <div class="dropdown-content-item">
                                <i class="fa fa-safari ft20"></i> 最新谷歌浏览器
                            </div>

                            <div class="dropdown-content-item">
                                <i class="fa fa-safari ft20"></i> 系统操作手册
                            </div>
                        </div>
                    </div>
                </div>


            </div>


        </div>
        <div id="mainwrap" class="clearfix" style="background: #f8f8f8 url(../static/images/login/bg.png) repeat">
            <div class="register clearfix">
                <div class="register-content">
                    <div class="register-name clearfix">
                        <div class="fl"><span class="title-icon"></span>用户注册</div>
                        <div class="fr">
                            <span>已有帐号,去<a href="login.html">登陆</a></span>
                        </div>
                    </div>
                    <div class="ivu-alert ivu-alert-warning ivu-alert-with-icon">
                        <span class="ivu-alert-icon"><i class="ivu-icon ivu-icon-android-alert"></i></span>
                        <span class="ivu-alert-message">说明区域说明区域说明区域说明区域说明区域说明区域</span>
                        <span class="ivu-alert-desc"></span>
                        <!---->
                    </div>

                    <Row>
                        <i-col span="24">
                            <Steps :current="1">
                                <Step title="已完成" content="这里是该步骤的描述信息"></Step>
                                <Step title="进行中" content="这里是该步骤的描述信息"></Step>
                                <Step title="待进行" content="这里是该步骤的描述信息"></Step>
                            </Steps>
                        </i-col>
                    </Row>

                    <div class="form">
                        <div class="row">
                            <div class="label-wrapper">
                                <label for="enterpriseName"><span>*</span>企业名称：</label>
                            </div>
                            <div class="input-wrapper">
                                <input id="enterpriseName" type="text" name="enterpriseName" placeholder="请填写企业名称" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="label-wrapper">
                                <label for="enterpriseCode"><span>*</span>统一社会信用代码：</label>
                            </div>
                            <div class="input-wrapper">
                                <input id="enterpriseCode" type="text" name="enterpriseName" placeholder="请填写统一社会信用代码" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="label-wrapper">
                                <label for="enterpriseAddress"><span>*</span>生产经营地址：</label>
                            </div>
                            <div class="input-wrapper">
                                <i-select v-model="model1">
                                    <i-option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</i-option>
                                </i-select>
                                <input id="enterpriseAddress" type="text" name="enterpriseRoad" placeholder="请填写生产经营地址" value="展业路208号" style="width: 194px" />
                            </div>
                        </div>

                        <div class="row row-tip">
                            <div class="label-wrapper"></div>
                            <div class="input-wrapper">
                                <div class="input-tip">
                                    <span class="input-tip-icon"><i class="ivu-icon ivu-icon-android-alert"></i></span>
                                    <span class="input-tip-message">请填写真是的企业生产经营场所，并非注册地址。</span>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="label-wrapper">
                            </div>
                            <div class="input-wrapper">
                                <div class="upload">
                                    <Upload ref="upload" :show-upload-list="false" :default-file-list="defaultList" :on-success="handleSuccess" :format="['jpg','jpeg','png']" :max-size="2048" :on-format-error="handleFormatError" :on-exceeded-size="handleMaxSize" :before-upload="handleBeforeUpload"
                                        multiple type="drag" action="//jsonplaceholder.typicode.com/posts/" style="display: inline-block;width:116px;">
                                        <img src="../static/images/agreement/upload.png" />
                                    </Upload>
                                </div>

                                <div class="upload-tip">
                                    <p>
                                        上传加盖公章的营业执照扫描件<br/> 支持.jpg .jpeg .png .bmp格式照片，<br/> 大小不超过5M
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="label-wrapper">
                                <label for="enterprisePhone"><span>*</span>手机号码：</label>
                            </div>
                            <div class="input-wrapper">
                                <input id="enterprisePhone" type="text" name="enterpriseName" placeholder="请填写手机号码" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="label-wrapper">
                                <label for="smsCode"> 验证码：</label>
                            </div>
                            <div class="input-wrapper">
                                <input id="smsCode" type="text" name="enterpriseName" placeholder="请填写验证码" />
                                <a class="vcode">获取验证码</a>
                            </div>
                        </div>

                        <div class="row mt10 mb10">
                            <div class="label-wrapper"></div>
                            <div class="input-wrapper">
                                <label class="chk" for="rememberUserInfo"><input type="checkbox" id="rememberUserInfo"
                                        name="rememberUserInfo"/><i>✓</i>我同意并已阅读《<a href="agreement.html">某某服务协议</a>》</label>
                            </div>

                        </div>

                        <div class="row">
                            <div class="label-wrapper"></div>
                            <div class="input-wrapper">
                                <button class="ivu-btn ivu-btn-primary">
                                <span>保存并下一步</span>
                            </button>
                                <button class="ivu-btn ivu-btn-default">
                                <span>取消</span>
                            </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="footerwrap" class="clearfix">

            <div class="linkwrap">
                <a class="link-each">关于我们</a>
                <a class="link-divider">|</a>
                <a class="link-each">系统声明</a>
                <a class="link-divider">|</a>
                <a class="link-each">商务采购</a>
                <a class="link-divider">|</a>
                <a class="link-each">百度推广</a>
                <a class="link-divider">|</a>
                <a class="link-each">中国环协</a>
            </div>

            <div class="copyversionwrap">
                <a href="">版本 V1.0</a>
                <a href="">技术支持 江苏梦兰神彩科技股份有限公司</a>
            </div>

        </div>
    </div>
    <script type="text/javascript">
        $(function() {


        })

        var app = new Vue({
            el: '#app',
            data: {
                defaultList: [],
                cityList: [{
                    value: 'beijing',
                    label: '江苏省/苏州市/工业园区'
                }, {
                    value: 'shanghai',
                    label: '江苏省/苏州市/工业园区'
                }],
                model1: 'shanghai'
            },
            methods: {
                handleView: function(name) {},
                handleRemove: function(file) {},
                handleSuccess: function(res, file) {},
                handleFormatError: function(file) {},
                handleMaxSize: function(file) {},
                handleBeforeUpload: function() {}
            }
        });
    </script>
</body>

</html>